#loginhead{border-bottom:#CCCCCC solid 1px;padding:0 0 5px 0;background-color:#fff; width:1000px;margin:0px auto;}
#loginhead img{width:auto;}
#loginhead a{color:#0000FF;}

.banner1{margin:0 auto;width:800px;background-color:#DF7000;height:94px;padding-top:2px;}
.banner2{margin:5px auto;width:776px;background-color:#DF7000;height:80px;}
.ppul{margin:0 0 0 1em;padding:0;}
.toimage {float:left; padding:0 7px 7px 0;}
.toclear {clear:both;background-color:#fff;}
.pph img{margin:0 7px 7px 0;float:left;}
#bottom {width:800px;margin:auto;background-color:#FFFF00;text-align:center;clear:both;padding:10px 0 10px;border-top:#003300 solid 1px;}
#bottom a{color:#CC6600}
#almtsitus a{
	font-size: 14px;
	color: #000;
	font-family: "Courier New", Courier, monospace;
}
#compimage img{border:none;max-width:198px;height:inherit}
#grupproduk a{color:#CC6600}
.desc {background:#FFF;color:#000;padding:5px;border:#CCC solid 1px;}
.desc a{color:#993300;}
body {
	margin: 0;
	padding: 0;
	line-height:15px;
}
a {color:#FFFF00;}
a:hover {color:#000000;}
.starial {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	line-height:20px;
}
.starial img{max-width:150px;height:inherit;float:left;margin-right:5px;}
.tinjauan {color: #FF0000}
.tinjauan a {color:#993300;}
.style10  {font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin-bottom:10px;clear:left;}
.style10 a{color:#993300}
.teksbjl {color: #0ff; font-weight: bold; }
.style14 {
	width:98%; margin: 0 auto 0 auto;
}
.style15 {
	width:32%; float:left; text-align:center;
}
.style15p {font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;color:#fff;}
.linkkecil {
	font-size: 12px; color: #0ff;
}
.judul {
	font-size: 36px;
	color: #0ff;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
.bahasa {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000;}
.form {font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #00f;}
.subjudul {color: #0ff; font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin:0px;color:#000;}
.sm71 {width:auto;font:normal 12px Tahoma,Verdana,Arial;}

.menu{width:826px;margin:auto;background-color:#FFF;height:25px;clear:both;text-align:center;}
.menu .list-menu{width:812px;display:block;margin:0 auto 0 10px;float:left;}

.searchbox{width:175px;display:block;border:#CCCCCC solid 1px;background:#FFF;margin:0 0 10px 0;}
.searchbox form{margin:0;}
.searchbox input{font-family:Arial, Helvetica, sans-serif;font-size:11px;border:0px;padding:2px 0;}
.searchbox .unfocus{color:#777;}
.searchbox .focus{color:#000;}
.searchbox #searchbutton{padding:0;width:18px;height:18px;}

.tinjauan{color:#000;border:1px solid #CCC;padding:5px;background:#FFF;line-height:15px;}
.tinjauan .title{margin:0;padding:4px 0;text-align:center;font-weight:bold;background:#CCCCCC;}

.crs {height:14px;}
.crs  a,.crs a:hover {white-space:nowrap;color:#CC3300;text-decoration:none; font:13px Verdana,Tahoma,Arial;cursor:hand;line-height:100%;}
.addedtb	 {display:block;float:left;}
.addtb   {display:block;float:right}
.smor    {height:14px;width:auto;margin:auto;font:normal 10px Tahoma,Verdana,Arial;float:left;line-height:150%;}
.emaild  {font: 12px Arial,Tahoma,Verdana,Arial;color:blue;}

.grs {height:26px;margin:1px 0px 1px 1px;color:#CC6600;font:bold 12px Arial,Verdana,Tahoma;line-height:180%;}
.grs  a {height:25px;width:200px;white-space:nowrap;color:#CC6600;font:bold 12px Arial,Verdana,Tahoma;cursor:hand;line-height:180%;text-decoration:none;}
.grs a:hover {color:#000000}

.grup{margin:0 4px 7px 3px;padding:0;list-style:none;border:#CCC solid 1px;}
.grup li{background:#fff;padding:5px;border-bottom:#f1f1f1 dashed 1px;color:#555;position:relative;white-space:nowrap;z-index:100;}
.grup li a{color:#CC6600}
.grup li:hover{background:#f1f1f1;}
.grup li .subgrup{padding:0;margin:0;list-style:none;position:absolute;left:181px;background:#FFF;z-index:100;border:#CCC solid 1px;display:none;top:-1px;}
#navbar li:hover .subgrup,#navbar li.hover .subgrup{display:block;}


.tohead{font-family:Tahoma, "Trebuchet MS";font-size:12px;}
.tohead fieldset{background:#FFF;border:1px solid;color:#000}
.tohead legend a{font-size:13px;font-weight:bold;padding:0 5px 0 5px;color:#000}
#prod_desc{font-size:11px;font-family:Tahoma, "Trebuchet MS";line-height:20px;}
.c1{padding:2px 5px 2px 5px;color:#000}
.c1 a{color:#993300}
.c1 .box0{float:left;}
.c1 .box1{float:left;margin-right:5px;margin-bottom:5px;}
.c1 .box2{font-size:11px;font-family:Tahoma, "Trebuchet MS"}

.g1{font-size:11px;font-family:Tahoma,"Trebuchet MS";line-height:15px;width:155px;margin:10px;float:left;position:relative;text-align:center;z-index:10;}
.g1 a{color:#993300}
.g1 .box{width:132px;height:200px;float:left;}
.g1 .checkbox{float:left;width:20px;height:20px;}
.g1 #added{position:absolute;background-color:#FFF;padding:2px 5px 2px 5px;display:block;left:25px;top:0px;border-right:#968455 solid 1px;border-bottom:#968455 solid 1px;}
.g1 #added a{text-decoration:none;}
.g1 .veralign{width:120px;height:120px;display:table-cell;vertical-align:middle;border:#968455 solid 1px;background:#EED6B0;text-align:center;margin:0 auto;}
.g1 .veralign .images{width:120px;max-height:120px;overflow:hidden;}
.g1 .ket{width:132px;height:75px;overflow:hidden;color:#000;}

.prodperpage #hidden{display:none}

.nftitle{font-size:14px;font-weight:bold;border-bottom:#999 solid 1px;padding:5px 0;line-height:24px;}
.nftitle .left{float:left;width:200px;}
.nftitle .right{float:right;width:300px;}
.nftitle input{font-family:Arial, Helvetica, sans-serif;}
#mtbl{width:800px;background-color:#DF7000;height:auto;margin:auto;}
#mdiv{width:800px;margin:auto;background-color:#DF7000;padding:0px;padding-bottom:10px;height:100%;color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#mdiv1{float:left;width:190px;padding:0 5px;}
/*#mdiv1{float:left;width:180px;padding:0 10px;}index*/
 /*style="float:left;width:190px;padding:0 5px;" profile*/
#mdiv2{float:left;width:590px;margin:auto;height:100%;overflow:auto;}
/*style="float:left;width:590px;"*/
@media only screen and (max-width:768px){
.banner1,#loginhead{width:100%;}
.banner2{width:99%;}
.banner2s2{max-width:60%;}
.hrs{width:96%;}
.menu{width:99%;height:50px}
.menu .list-menu{width:auto;}
#mtbl,#mdiv{width:100%}
#mdiv1{width:28%}
#mdiv2{width:70%}
#bottom{width:100%}
}
@media only screen and (max-width:480px){
.banner2s2{max-width:40%;}
.banner2s22{font-size:16px;}
#mdiv1,#mdiv2{float:none;width:99%}
.hrs{width:92%;}
.g1{width:44%}
}